<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="pt-br">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Cadastro Usuário</title>

<link rel="stylesheet" type="text/css" href="css/layout.css" />

<link rel="stylesheet" type="text/css" href="css/formulario.css" />

<script type="text/javascript" src="js/jquery-1.10.2.js"></script>

</head>

<body>

<div id="container">

<div id="cabecalho">

<img src="img/QueroBolsa_Logo.png" alt="QueroBolsa_Logo"/>

<div id="logar">
<img src="img/cadeado.png" /><p>Login</p>
<br />
	<form id="login">
    <div class="field">
    <label for="usuario">Usuário:</label>
    <br />
    <input type="text" class="input" name="senha" id="senha" />
	</div>
    <div class="field">
    <label for="usuario">Senha:</label>
    <br />
    <input type="password" class="input" name="senha" id="senha" />
	</div>
    <br />
    <button id="entrar">Entrar</button>
    </form> 

</div>

<form id="pesquisa" action="">

<input type="button" />

<select>
  <option value="Monitoria">Monitoria</option>
  <option value="Iniciação">Iniciação</option>
  <option value="PBIC">PBIC</option>
  <option value="PBID">PBID</option>
</select>

<input type="search" name="pesquisar" placeholder="Digite a sua pesquisa..." />
<p>Ex.: Agronomia, História, Matemática.</p>
</form>

</div>

<div id="content">

<form id="cadastroForm" class="rounded" method="post" action="">
<h2>Cadastro</h2>
<section id="infoPessoal">

<h3>1°Passo - Informações pessoais.</h3>

<div class="field">
    <label for="nome">Nome:</label>
    <input type="text" class="input" name="nome" id="nome" />
    <p class="hint">Preencha seu nome.</p>
</div>

<div class="field">
    <label for="email">Email:</label>
    <input type="text" class="input" name="telefone" id="email" />
    <p class="hint">Preencha seu email.</p>
</div>

<div class="field">
    <label for="vtelefone">Telefone:</label>
    <input type="text" class="input" name="telefone" id="telefone" />
    <p class="hint">Preencha seu telefone.</p>
</div>

<div class="field">
    <label for="celular">Celular:</label>
    <input type="text" class="input" name="telefone" id="telefone" />
    <p class="hint">Preencha seu celular.</p>
</div>

</section>

<button id="cadAluno">Sou Aluno, quero <br /><h2>Continuar</h2></button>
<button id="cadProf">Sou Professor, quero <br /><h2>Continuar</h2></button>

</form>

</div>


<div id="rodape">

<img src="img/sprite.png" />
<p>Todos os direitos reservados - UFRPE</p>
</div>

</div>

</body>
</html>

